<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!-- 适配移动端 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, shrink-to-fit=no, minimal-ui">
		<title>发发圈</title>
		<!-- 引入fontawesome5css -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/index.css" />
	</head>

	<body>
		<div id="task-hall">
			<!-- 头部 -->
			<div class="header">
				<a href="javascript:history.back(-1);"><i class="fas fa-chevron-left"></i></a>
				<h1>任务大厅</h1>
				<div></div>
			</div>
			<div class="main">
				<div class="container">
					<!-- 任务列表 -->
					<volist name="data" id="row">
						<div class="task-list">
							<div>
								<h6>{$row["title"]}</h6>
								<div>
									<div>
										<span>{$row["price"]}.00</span>
										<p>普通</p>
									</div>
									<div>
										<i class="fas fa-chevron-right"></i>
									</div>
								</div>
							</div>
						</div>
					</volist>

					<!-- 领取规则 -->
					<div class="task-example">
						<div class="task-e-text">
							<p>领取规则:</p>
							<p>1.每天可领取2条任务发布至朋友圈；</p>
							<p>2.发布任务时必须与平台内的文案、图片一致；</p>
							<p>3.发布朋友圈不得屏蔽微信好友查看；</p>
							<p>4.提交任务上传图片时必须间隔至少2小时。</p>
						</div>
						<div class="task-e-img">
							<img src="__PUBLIC__/Home/img/exampletask.jpg" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>